.box,.share_box{
    width:100%;
    position:fixed;
    top:0;left:0;
    background:rgba(0,0,0,0.5);
    z-index:333;
}

.listen_share,.share_con{
    position:fixed;
    bottom:0;left:0;
    background-color:#fff;
    width:100%;
}

.listen_share ul,.share_con ul{width:100%;margin:2rem 0;}
.listen_share ul li,.share_con ul li{
    width:25%;
    text-align: center;
    float: left;
}
.listen_share ul li img,.share_con ul li img{width:65%;}
.listen_share ul li span,.share_con ul li span{
    width:100%;
    margin-top:0.5rem;
    font-size:1.5rem;
    color:#8A8A8A;
    display: block;
}
.listen_share .add{width:100%;padding:0 1.8rem;margin-bottom:1.5rem;}
.listen_share .add img{width:16.5%;}
.listen_share .add span{margin-left:0.5rem;font-size:1.5rem;color:#8A8A8A;}
.listen_share .cancel,.share_con .share_cancel{
    overflow:hidden;
    width:100%;
    border-top:1px solid #AEAEAE;
    text-align:center;
    font-size:1.6rem;
    color:#8A8A8A;
    padding:1rem 0;
}